【krpano】画像Aの上にポインタを乗せると画像Bを表示させる方法

【動作】
パノラマ上の画像Aにポインタを乗せると、画像Bが表示される。
ポインタを画像Aから外すと、画像Bが非表示になる。

【使用するファイル】
xmlファイル
画像A
画像B

【基本コード】画像A表示用
以下のコードをxmlファイル内に記述する
<pre>
hotspot name=&quot;gazoa&quot;
url=&quot;../sample_a.png&quot;
scale=&quot;1&quot;
edge=&quot;center&quot;
visible=&quot;true&quot;
enabled=&quot;true&quot;
handcursor=&quot;true&quot;
alpha=&quot;1&quot;
zorder=&quot;1&quot;
onover=&quot;set(hotspot[gazob].visible,true); tween(hotspot[gazob].alpha,1,0.5,default);&quot;
onout=&quot;tween(hotspot[gazob].alpha,0,0.5,default, set(hotspot[gazob].visible,false));&quot;
devices=&quot;all&quot;/&gt;
</pre>

【基本コード】画像B表示用
<pre>
&lt;hotspot name=&quot;gazob&quot;
url=&quot;../sample_b.png&quot;
zorder=&quot;2&quot;
visible=&quot;false&quot;
enabled=&quot;false&quot;
alpha=&quot;0&quot;
/&gt;
</pre>

【解説】
<pre>
hotspot name=&quot;gazoa&quot;
url=&quot;../sample_a.png&quot;
scale=&quot;1&quot;
edge=&quot;center&quot;
visible=&quot;true&quot;
enabled=&quot;true&quot;
handcursor=&quot;true&quot;
alpha=&quot;1&quot;
zorder=&quot;1&quot; //レイヤー順序　数字が少ないほど下
onover=&quot;set(hotspot[gazob].visible,true); tween(hotspot[gazob].alpha,1,0.5,default);&quot;
マウスオーバーで画像Bをセットして表示をtrueに切替え。画像Bの透明度を0.5秒で100まで切替。
onout=&quot;tween(hotspot[gazob].alpha,0,0.5,default, set(hotspot[gazob].visible,false));&quot;
devices=&quot;all&quot;/&gt;
</pre>
マウスを外した時に、画像Bの透明度を0.5秒で0まで切替。画像Bの表示をfalseに切替。

【基本コード】画像B表示用
<pre>
&lt;hotspot name=&quot;gazob&quot;
url=&quot;../sample_b.png&quot;
zorder=&quot;2&quot; //レイヤー順序は画像Bよりも大きな数を指定しておく。
visible=&quot;false&quot; //falseに設定
enabled=&quot;false&quot; //falseに設定
alpha=&quot;0&quot; //0に設定
/&gt;
</pre>